[ Vue筆記 ] Vue使用setInterval


Posted by Akira on 2022-02-20

前言

最近在寫番茄鐘的Side project,在使用 setInterval 做計時器時,遇到了小小問題。
這邊紀錄一下解法。

範例

  data() {
    return {
      time: null,
    };
  },
  methods: {
    timer() {
      this.time = setInterval(
        function () {
        // 想重複的動作
        }.bind(this),
        200
      );
    },
    setTime() {
      this.timer();
    },
    stopTime() {
      if (this.time) {
        clearInterval(this.time);
        this.time = null;
      }
    },
}









Related Posts

建立屬於你的 Google Map 地圖標記(一) - Google Map API 與 React

建立屬於你的 Google Map 地圖標記(一) - Google Map API 與 React

[雜談] 第一篇先來聊聊準備轉職的想法

[雜談] 第一篇先來聊聊準備轉職的想法

用 GitHub Action 自動部署程式碼到 Linode

用 GitHub Action 自動部署程式碼到 Linode


Comments